<template>
  <el-cascader
    class="com-address"
    :disabled="isreadonly"
    :options="options"
    v-model="selectedOptions"
    @change="handleChange">
  </el-cascader>
</template>
<script>
export default {
  props:['isreadonly'],
  components: {},
  name: "",
  data() {
    return {
      options:[{label:"湖北省",value:"湖北省",children:[{label:"武汉市",value:"武汉市",children:[{label:"洪山区",value:"洪山区"}]}]}],
      selectedOptions:[]
    };
  },
  methods: {
    handleChange(){
      console.log("选择不同地址");
    }
  },
  created() {}
};
</script>
<style lang="scss" scoped>
.com-address {
  width: 100%;
  max-width: 350px;
}
</style>